<template>
  <div>
    <h1 ref="my1">App根组件</h1>
    <button @click="refs">$refs</button>
    <counter ref="resetRef"></counter>
  </div>
</template>

<script>
import Counter from './Counter.vue'
export default {
name:'MyApp',
components:{
    Counter
},
methods:{
    refs(){
        // console.log(this.$refs); 获取的是$refs 这个对象
        //可以通过refs来获取确定的dom元素, .ref
        console.log(this.$refs.my1);
        // 操作dom元素
        this.$refs.my1.style.color='red'
        this.$refs.resetRef.reset()
    console.log(this.$refs.resetRef.age);
    }
}

}
</script>

<style>

</style>